<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
	$(document).ready(function(){
		$("#categories").treeview( {animated: "fast"} );
		$("#cat-subcat").treeview( {animated: "fast"} );
		$('#cat-subcat').hide();
		$('#albumSettings').hide();

		$('#toggleCatSubCat').click( function() {
			$('#cat-subcat').toggle();
		});
		$('#toggleAlbumSettings').click( function() {
			$('#albumSettings').toggle();
		});


	});
  </script>

	<style type="text/css">
		fieldset
		{
			width: 35em;
			max-width: 35em;
		}
		#categories
		{
			width: 25em;
		}
		.radioButtonSet
		{
			display: inline;
		}
	</style>

</head>
<body>

<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/treeview/jquery.treeview.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/treeview/jquery.treeview.js"></script>

<cfoutput>
<form action="action.cfm" method="post">
	<input type="hidden" name="doAction" value="albums.update.do" />


	<fieldset>
		<legend>Action</legend>
		<input type="radio" id="action_type0" name="action_type" value="update" checked="checked" />
		<label for="action_type0">Update Settings / Move Albums</label>
		&nbsp;
		<input type="radio" id="action_type1" name="action_type" value="copy" />
		<label for="action_type1">Copy Albums</label>
	</fieldset>
	<br />
	<cfinclude template="_albumTree.cfm" />

	<cfinclude template="_categoryTree.cfm" />

	<cfinclude template="_albumTemplateSelect.cfm" />

	<cfinclude template="_albumSettings.cfm" />

	<fieldset>
		<legend>Submit</legend>
		<input type="submit" name="submit" value="Submit" />
	</fieldset>
</form>
</cfoutput>